//
// Alerts
// --------------------------------------------------


// Base styles
// -------------------------

.alert {
	border-radius: 2px;
	.alert-link {
		font-weight: 500;
	}
}

// Dismissible alerts
.alert-dismissable,
.alert-dismissible {
	.close {
		outline: 0;
	}
}

// Alternate styles
//
// Generate contextual modifier classes for colorizing the alert.

.alert-success {
    .alert-variant(@success, @success, @success);
}

.alert-info {
    .alert-variant(@info, @info, @info);
}

.alert-warning {
    .alert-variant(@warning, @warning, @warning);
}

.alert-danger {
    .alert-variant(@danger, @danger, @danger);
}

// Alerts

.alert-variant(@background; @border; @text-color) {
    background-color: @background;
    border-color: transparent;
    color: @white;
    opacity: .9;
    hr {
        border-top-color: darken(@border, 10%);
    }
    .alert-link {
        color: darken(@text-color, 20%);
    }
}